<!doctype html>
<html>
<!-- Last updated:2022/08/29 -->
<head>
  <meta charset="UTF-8">
  <meta name="Author" content="setycyas">
  <link rel="stylesheet" href="style.css" type="text/css" />
  <script src="jquery.min.js"></script>
  <script src="map_data.js"></script>
  <script src="jsonCmd.class.js"></script>
  <title>json数据命令Demo-class版</title>
  <script>
    var JC;
    /* 唯一的自定义函数,指定key被点击后的行为 */
    function action(key, value){
      jQuery('#text').val(jQuery('#text').val()+key+value);
    }
    
    /* 加载开始 */
    function onLoad(){
      JC=new jsonCmd(DATA, $('#table'), action, 4);
    }
    
    
  </script>
</head>

<body onload="onLoad();">

<section id="main" class="container">
    <input id="text" style="width:50%" />
    <button id="clear" onclick="$('#text').val('')">清空</button><br/>
    <table id="table" class="table table-bordered table-striped table-condensed pull-left">
      <tr>
        <td>123456789</td>
        <td>223456789</td>
        <td>323456789</td>
        <td>423456789</td>
      </tr>
      <tr>
        <td>123456789</td>
        <td>223456789</td>
        <td>323456789</td>
        <td>423456789</td>
      </tr>     
    </table>
    
</section>

</body>
</html>